<template>
	<view class="body" >
		<view>第一步：打开学习平板更多应用中的<text class="innerText">我的设备</text>应用，打开后将看到设备二维码;</view>
		<view>
			<image style="height: 300rpx;" src="https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/guide1.png" mode="aspectFit"></image>
		</view>
		<view>第二步：点击下面<text class="innerText">扫一扫</text>按钮，对准第一步中的二维码进行扫码绑定;</view>
		<view style="margin-top: 70rpx;">
			<u-button class="enter" :custom-style="enter" shape="square" @click="goToUrl">扫一扫</u-button>
			<view style="color: #4880ff; margin-left: 160rpx; font-size: 30rpx; margin-top: 30rpx;" @click="goToHome">暂不绑定,先体验功能>></view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				jgyApkImg: 'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/pmgk.png',
				qrImg: 'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/modeQr.png',
				enter: {
					color: '#FFFFFF',
					'background-color': '#4880ff',
					'letter-spacing': '8rpx',
					'border-radius': '20rpx',
					'line-height': '80rpx',
					overflow: 'hidden',
					'font-weight': '600',
					'margin-top': '30rpx',
					'width': '70%',
					'borderRadius': '50rpx'
				},
			}
		},
		methods: {
			goToUrl() {
				uni.navigateTo({
					url: '/pages_subpackage/addTablet/index'
				})
			},
			goToHome() {
				uni.switchTab({
					url: '/pages/userHome/index'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.innerText {
		color: #4880ff;
		padding: 0 5rpx 0 5rpx;
	}
	.innerTooltip{
		background-color: #d9d9d9;
		border-radius: 20rpx;
		margin: 20rpx 30rpx 30rpx 30rpx;
		height: 100rpx;
	}
	.body {
		background-color: #fff;
		border-radius: $uni-border-radius-lg;
		padding: 20rpx;
		margin: 20rpx;
	}
	
</style>